<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <script src="scripts/jquery-1.7.min.js"> </script>
     <script src="scripts/gury.js"> </script> 
  </head>
  <body>
    Mi canvas
    <canvas id="mycanvas" width="200" height="200">Su navegador no soporta CANVAS</canvas>
    <script>
      $(document).ready(function(){
         var g=$g('mycanvas').background('#fff566');
         
         g.add('tg',{
         color:'#cfc',
         draw: function(ctx){
           ctx.fillStyle =this.color;
           ctx.beginPath();
           ctx.arc(30, 30, 10, 0, Math.PI*2, false);
           ctx.fill();
         },
         click:function(e){
            this.color='#123';
            alert('joder q joquete');
         }
         });
         g.mousemove('tg',function(){});
         g.mouseenter('tg',function(e){this.color='#564';});
         g.mouseleave('tg',function(e){this.color='#cfc';});
         
         g.play(16).draw();
         
      });
    </script>
  </body>
</html>
